<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜狗输入法</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="header">
        <div class="w">
            <!-- 产品列表 -->
            <div class="product clearfix">
                <div class="topnav">
                    <ul>
                        <li>
                            <div class="topnav_name"><a href="">输入法手机版</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name"><a href="">输入法Mac版</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name"><a href="">输入法企业版</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name"><a href="">输入法Linux版</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name"><a href="">五笔输入法</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div class="topnav_name"><a href="">输入法开放平台</a></div>
                        </li>
                    </ul>
                </div>
                <div class="userinfo">
                    <ul>
                        <li>
                            <div><a href="#">登录</a></div>
                            <div class="separator"></div>
                        </li>
                        <li>
                            <div><a href="#">注册</a></div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- logo和搜索框 -->
            <div class="logo_search_wrap  clearfix">
                <div class="logo">
                    <h1>
                        <a href="/"></a>
                    </h1>
                </div>
                <div class="search">
                    <form action="">
                        <input type="text" placeholder="搜皮肤……">
                        <button></button>
                    </form>
                </div>
            </div>
            <div class="nav_list">
                <ul class="clearfix">
                    <li>
                        <a class="active" href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">皮肤</a>
                    </li>
                    <li>
                        <a href="#">词库</a>
                    </li>
                    <li class="nav_new">
                        <a href="#">皮肤表情开放平台
                            <span class="news"></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">帮助</a>
                    </li>
                    <li>
                        <a href="#">升级日志</a>
                    </li>
                </ul>

            </div>
        </div>
    </div>
    <div class="banner">
        <div class="banner_text w">
            <p class="text_version">13.6正式版
            <p class="text_update">更新日期:2023-06-25
            <p class="text_newgame"><a href="#">新版特性</a>
            <p class="text_support">支持:XP/WIN7/WIN8/WIN10/WIN11
            <div class="text_downphone">
                <div class="text_link"></div>
                <a>手机版下载</a>
            </div>
            <div class="text_mic"></div>
            <button class="text_button"><a href="#"></a></button>
        </div>
    </div>
    <div class="main w">
        <div class="main_index">
            <div class="skin_title"></div>
            <div class="skin_list">
                <ul>
                    <li>
                        <div class="skin_imgs"><img src="./images/list05.jpg" alt=""></div>
                        <div class="skin_content">
                            <div class="skin_text"><a href="#">相濡以沫-心痛到无法呼吸</a></div>
                            <button class="skindown_button">立即下载</button>
                        </div>
                    </li>
                    <li>
                        <div class="skin_imgs"><img src="./images/list06.gif" alt=""></div>
                        <div class="skin_content">
                            <div class="skin_text"><a href="#">野萌君·哈哈哈</a></div>
                            <button class="skindown_button">立即下载</button>
                        </div>
                    </li>
                    <li>
                        <div class="skin_imgs"><img src="./images/list01.png" alt=""></div>
                        <div class="skin_content">
                            <div class="skin_text"><a href="#">种星星的人</a></div>
                            <button class="skindown_button">立即下载</button>
                        </div>
                    </li>
                    <li>
                        <div class="skin_imgs"><img src="./images/list02.png" alt=""></div>
                        <div class="skin_content">
                            <div class="skin_text"><a href="#">瓶子里の精灵</a></div>
                            <button class="skindown_button">立即下载</button>
                        </div>
                    </li>
                    <li>
                        <div class="skin_imgs"><img src="./images/list03.png" alt=""></div>
                        <div class="skin_content">
                            <div class="skin_text"><a href="#">尖叫鸡</a></div>
                            <button class="skindown_button">立即下载</button>
                        </div>
                    </li>
                    <li>
                        <div class="skin_imgs"><img src="./images/list04.png" alt=""></div>
                        <div class="skin_content">
                            <div class="skin_text"><a href="#">阿肥宅</a></div>
                            <button class="skindown_button">立即下载</button>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="dict_title"></div>
            <div class="dict_list">
                <ul>
                    <li><a href="#"><img src="./images/dictrec_1.jpg" alt=""><span class="dict_text"
                                href="#">魔道祖师</span></a></li>
                    <li><a href="#"><img src="./images/dictrec_2.gif" alt=""><span class="dict_text"
                                href="#">财务专用</span></a></li>
                    <li><a href="#"><img src="./images/dictrec_3.jpg" alt=""><span class="dict_text"
                                href="#">贾平凹作品</span></a></li>
                    <li><a href="#"><img src="./images/dictrec_4.jpg" alt=""><span class="dict_text"
                                href="#">TFBOYS粉丝专用</span></a></li>
                    <li><a href="#"><img src="./images/dictrec_5.jpg" alt=""><span class="dict_text"
                                href="#">斗罗大陆</span></a></li>
                    <li><a href="#"><img src="./images/dictrec_6.jpg" alt=""><span class="dict_text"
                                href="#">红楼梦</span></a></li>
                </ul>
            </div>
        </div>
        <div class="main_sider">
            <a class="sider_windows" href="#"></a>
            <a class="sider_plan" href="#"></a>
            <div class="sider_follow">
                <a class="xinlang" href="#"></a>
                <a class="wechat" href="#"></a>
            </div>
            <div class="sider_more">
                <ul>
                    <li>
                        <div class="doctorclass">医生版</div>
                        <button class="doctor"><a href="#">点击查看</a></button>
                    </li>
                    <li>
                        <button class="intelligence"><a href="#">立即下载</a></button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="db1">
            <div class="db2"></div>
            <a class="db3">皮肤表情词库合作、品牌合作、输入法合作 邮箱：
                <a class="db3a" href="">hci_bd@tencent.com</a>
            </a>
        </div>
        <div class="db1a">
            <div class="db2"></div>
            <a class="db3">使用问题用户反馈 邮箱：
                <a class="db3a" href="">IMETS@tencent.com</a>
            </a>
        </div>
        <div class="db4">
            © 2023 SOGOU.COM
            <a href="">京ICP备11001839号-1</a>
            <a href="">免责声明</a>
            <a href="">隐私政策</a>
        </div>
        <div class="db1a">
            <a class="db3">
                北京搜狗科技发展公司
            </a>
        </div>
        <div class="db1a">
            <a class="db3">
                联系地址:北京市海淀区中关村东路1号院9号楼搜狐网络大厦9层01房间
            </a>
        </div>
        <div class="db1a">
            <a class="db3">
                产品介绍:AI语音专家,让您的打字更简洁,更智能
            </a>
        </div>
    </div>
</body>

</html>